<template>
  <div>
    <!-- vue2:
           过滤器：字符加工
           使用的地方：只能用于{{}} 与  v-bind
           特点：不能用this
           用法
            局部过滤器
             定义：
                filters:{
                   formatTime(t){
                      return dayjs(t).format('YYYY-MM-DD')
                   }
                }
            使用：
               {{ t的实参值 | formatTime    }}

            全局过滤器
              Vue.filter('过滤器名字',(参数)=>{ return 值})

    -->
    <h2>{{ time | formatTime }}</h2>
    <hr>
    <h2>方法使用：{{ fn() }}</h2>
    <h3>{{ n }}</h3>
    <button @click="n++">修改n</button>

  </div>
</template>
<script>
import dayjs from 'dayjs'
export default {

  filters: {
    formatTime(t) {
      console.log('过滤器执行了')
      return dayjs(t).format('YYYY-MM-DD')
    }
  },
  data() {
    return {
      time: new Date(),
      n: 1
    }
  },
  methods: {
    fn() {
      console.log('methods执行了')
      return dayjs(this.time).format('YYYY-MM-DD')
    }
  }
}
</script>
<style>
</style>
